<!-- <page-header-wrapper [title]="'货主配置'"></page-header-wrapper>
<nz-card class="search-box">
  <div nz-row nzGutter="8">
    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
      <sf #sf [schema]="schema"
        [ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24, gutter: 4 } } }" [compact]="true"
        [button]="'none'"></sf>
    </div>
    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
      class="text-right">
      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl
        [acl-ability]="['USERCENTER-FREIGHT-LIST-list']">查询</button>
      <button nz-button nzType="primary" [disabled]="false" acl (click)="exportList()"
        [acl-ability]="['USERCENTER-FREIGHT-LIST-export']">导出</button>
      <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
    </div>
  </div>
</nz-card> -->
<!-- <nz-card>
  <div class="d-flex align-items-center mb-md " style="justify-content: end;">
    <button nz-button (click)="editRoleBatch()">修改角色</button>
    <button nz-button (click)="editIWBatch()">修改网络货运人</button>
    <div class="ml-md">
      已选择
      <strong class="text-primary">{{ selectedRows.length }}</strong> 条数据
      <a *ngIf="selectedRows.length > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
    </div>
  </div> -->
<nz-card class="table-box">
  <div class="header_box">
    <label class="page_title"> <label class="driver">|</label> 货主配置</label>
    <div class="mr-sm" style="display: flex;align-items: center;">
      <div class="mr-md">
        已选择
        <strong class="text-primary">{{ selectedRows.length }}</strong> 条数据
        <a *ngIf="selectedRows.length > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
      </div>
      <button nz-button nzDanger [nzLoading]="service.http.loading" acl
        [acl-ability]="['USERCENTER-FREIGHT-CONFIG-list']" (click)="openDrawer()">筛选</button>
      <button nz-button nzDanger acl (click)="exportList()" [acl-ability]="['USERCENTER-FREIGHT-CONFIG-export']">
        导出</button>
      <button nz-button nz-dropdown [nzDropdownMenu]="menu" nzPlacement="bottomLeft">
        更多<i nz-icon nzType="down" nzTheme="outline"></i></button>
      <nz-dropdown-menu #menu="nzDropdownMenu">
        <ul nz-menu>
          <li nz-menu-item (click)="editRoleBatch()" acl [acl-ability]="['USERCENTER-FREIGHT-CONFIG-role']">
            修改角色
          </li>
          <li nz-menu-item (click)="editIWBatch()" acl [acl-ability]="['USERCENTER-FREIGHT-CONFIG-netword']">
            修改网络货运人
          </li>
        </ul>
      </nz-dropdown-menu>
    </div>
  </div>

  <!-- 数据列表 -->
  <st #st [columns]="columns" [data]='service.$api_freight_config_page' [req]="{  process: beforeReq }" [page]="{}"
    [scroll]="{ x: '1200px',y:scrollY }" [loading]="false" (change)="stChange($event)">
  </st>
</nz-card>

<ng-template #IWModal>
  <div nz-row nzGutter="8">
    <div nz-col nzSpan="24" se-container [labelWidth]="120">
      <se [col]="1" label="网络货运人" required>
        <nz-select nzPlaceHolder="请选择" [(ngModel)]="networkTransporter">
          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of ltdId"></nz-option>
        </nz-select>
      </se>
    </div>
  </div>
</ng-template>

<ng-template #roleModal>
  <div nz-row nzGutter="8">
    <div nz-col nzSpan="24" se-container [labelWidth]="120">
      <se [col]="1" label="企业角色" required>
        <nz-select nzPlaceHolder="请选择" [(ngModel)]="roleId">
          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of roles"></nz-option>
        </nz-select>
      </se>
    </div>
  </div>
</ng-template>